export default function Introduction() {
  return (
    <div className="py-16 bg-white">
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div className="text-center mb-12">
          <h2 className="text-3xl font-bold text-gray-900">关于我们</h2>
          <p className="mt-4 text-xl text-gray-600">
            致力于珊瑚保护的创新性平台
          </p>
        </div>
        <div className="prose prose-lg mx-auto">
          <p className="text-gray-600 leading-relaxed">
            我们的珊瑚保护信息系统整合了先进技术与优化的用户体验设计，提供多媒体内容分享、创新教育课程、
            珊瑚分布地图可视化以及智能问答等功能。通过社区互动、教育创新、地理信息展示和智能化服务，
            我们致力于提升公众对珊瑚保护的认知和参与度。
          </p>
          <div className="mt-8 grid grid-cols-1 md:grid-cols-2 gap-8">
            <div className="bg-gray-50 p-6 rounded-lg">
              <h3 className="text-xl font-semibold mb-4">教育创新</h3>
              <p className="text-gray-600">
                通过创新的课程设计和突破性的教育内容，为用户提供深入浅出的珊瑚知识学习体验。
              </p>
            </div>
            <div className="bg-gray-50 p-6 rounded-lg">
              <h3 className="text-xl font-semibold mb-4">智能服务</h3>
              <p className="text-gray-600">
                运用人工智能技术，提供专业的珊瑚知识问答服务，让学习更加便捷高效。
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
} 